
// 封装分页组件


import React from 'react';
import { Pagination } from 'antd';
import Pts from 'prop-types';


const Mypagniation = (props) => {
    // 切换页数和每页多少条数据的时候触发
    const onChange = (page, pageSize) => {
        // 获取父传给子的props,子调用props中的setPage，并改变他
        props.setPage(page)
    }
    return (
        <div>
            <Pagination 
                defaultCurrent={props.page}   //默认的当前页数
                current={props.page} //当前页数
                total={props.total}    //总数
                onChange={(page, pageSize) => onChange(page, pageSize)}//改变页数
            />
        </div>
    );
}

// 属性默认值
Mypagniation.defaultProps = {
    page: 1,
}

// 属性类型校验
Mypagniation.propTypes = {
    page: Pts.number.isRequired,
    total: Pts.number.isRequired
}

export default Mypagniation;
